<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/index.css" rel="stylesheet"/>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
<!--top开始-->
<div class="header">
    <div class="top">
        <div class="content clearfix">
            <p class="fl">欢迎您来到安徽高招信息网！</p>
            <p class="fr">您好！请 <a href="login_page.html">登录</a><span>|</span><a href="registration_page.html">注册</a></p>
        </div>
    </div>
    <!--top结束-->
    <!--nav开始-->
    <div class="nav_box">
        <div class="nav clearfix">
            <div class="left fl">
                <a href="index.html">首页</a>
                <a href="question_bank.html">题库</a>
                <a href="specialty.html">专业介绍</a>
                <a href="high-school.html">高校咨讯</a>
            </div>
            <div class="right fr">
                <a href="video.html">视频</a>
                <a href="test-paper.html">试卷</a>
                <a href="fractional -line.html">历年分数线</a>
                <a href="refer.html">录取查询</a>
            </div>
            <div class="logo">
                <img src="images/logo.png"/>
            </div>
        </div>
    </div>
</div>
<!--nav结束-->

<!--banner开始-->
<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/index_banner1.png" alt="First slide">
        </div>
        <div class="item">
            <img src="images/index_banner2.png" alt="Second slide">
        </div>
        <div class="item">
            <img src="images/index_banner3.png" alt="Third slide">
        </div>
        <div class="item">
            <img src="images/img_banner_4.png" alt="four slide">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--banner结束-->
<!--题库开始-->
<div class="question-bank-box">
    <div class="question-bank-title">
        <h1>精选题库</h1>
        <span class="underline"></span>
    </div>
    <div class="high-school-bg">
        <img  class="tu" src="images/index_tiku1.png"/>
        <div class="high-school">
            <div class="hang_box">
                <a href="question_bank.html"><img src="images/y_01.jpg"/></a>
                <a href="question_bank.html"><img src="images/y_02.jpg"/></a>
                <a href="question_bank.html"><img src="images/y_03.jpg"/></a>
            </div>
            <div class="hang_box">
                <a href="question_bank.html"><img src="images/wl_01.jpg"/></a>
                <a href="question_bank.html"><img src="images/wl_02.jpg"/></a>
                <a href="question_bank.html"><img src="images/wl_03.jpg"/></a>
            </div>
            <div class="hang_box">
                <a href="question_bank.html"><img src="images/zz_01.jpg"/></a>
                <a href="question_bank.html"><img src="images/zz_02.jpg"/></a>
                <a href="question_bank.html"><img src="images/zz_03.jpg"/></a>
            </div>
        </div>
    </div>
    <div class="middle-school-bg">
        <img  class="tu" src="images/index_tiku2.png"/>
        <div class="middle-school">
            <div class="hang_box">
                <a href="question_bank.html"><img src="images/y_01.jpg"/></a>
                <a href="question_bank.html"><img src="images/y_02.jpg"/></a>
                <a href="question_bank.html"><img src="images/y_03.jpg"/></a>
            </div>
            <div class="hang_box">
                <a href="question_bank.html"><img src="images/wl_01.jpg"/></a>
                <a href="question_bank.html"><img src="images/wl_02.jpg"/></a>
                <a href="question_bank.html"><img src="images/wl_03.jpg"/></a>
            </div>
            <div class="hang_box">
                <a href="question_bank.html"><img src="images/zz_01.jpg"/></a>
                <a href="question_bank.html"><img src="images/zz_02.jpg"/></a>
                <a href="question_bank.html"><img src="images/zz_03.jpg"/></a>
            </div>
        </div>
    </div>
</div>
<!--题库结束-->
<!--猜你喜欢开始-->
<div class="module2">
    <div class="module22">
        <div class="container">
            <p style="font-size: 30px;" class="major-title">猜你喜欢</p>
            <div class="major-stitle"></div>
        </div>
        <ul class="clearfix">
            <li>
                <div class="photo">
                    <a href="video.html"><img src="images/img-01.png"/></a>
                </div>
                <p>2017安徽高考真题解析</p>
            </li>
            <li>
                <div class="photo">
                    <a href="video.html"><img src="images/img-02.jpg"/></a>
                </div>
                <p>2017安徽高考真题解析</p>
            </li>
            <li>
                <div  class="photo">
                    <a href="video.html"><img src="images/img-03.jpg"/></a>
                </div>
                <p>2017安徽高考真题解析</p>
            </li>
            <li>
                <div  class="photo">
                    <a href="video.html"><img src="images/img-04.jpg"/></a>
                </div>
                <p>2017安徽高考真题解析</p>
            </li>
        </ul>
    </div>
</div>
<!--猜你喜欢结束-->

<!--热门课程开始-->
<div class="module3">
    <div class="container">
        <p style="font-size: 30px;" class="major-title">热门导航</p>
        <div class="major-stitle"></div>
    </div>
    <ul class="clearfix">
        <li>
            <div class="photo">
                <a href="video.html"><img src="images/img-07.jpg"/></a>
            </div>
            <p>化学与自然资源的开发利用</p>
        </li>
        <li>
            <div class="photo">
                <a href="video.html"><img src="images/img-08.jpg"/></a>
            </div>
            <p>2017高考全国3卷古诗鉴赏简答题</p>
        </li>
        <li>
            <div class="photo">
                <a href="video.html"><img src="images/img-06.jpg"/></a>
            </div>
            <p>2016年高考地理 天津卷（文综）</p>
        </li>
        <li>
            <div class="photo">
                <a href="video.html"><img src="images/img-02.jpg"/></a>
            </div>
            <p>2016年北京高考英语讲解</p>
        </li>
    </ul>
</div>
<!--热门课程结束-->
<!--专业模块-->
<div class="major">
    <div class="container">
        <p style="font-size: 30px;" class="major-title">热门专业</p>
        <div class="major-stitle"></div>
    </div>
    <div class="major-con clearfix">
        <ul class="one">
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title pd36">会计学</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">动物<br>医学</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">计算机<br>专业</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">建筑工程<br>与管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">市场<br>营销学</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">工商<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">金融<br>工程</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">计算机<br>应用</p>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="two">
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">法律<br>专业</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">金融<br>数学</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title pd36">经济学</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">计算机<br>应用技术</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title pd36">建筑学</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">电子信息<br>技术</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">电子信息<br>工程</p>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="three">
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">电气工程及<br>其自动化</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">行政<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">项目<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">市场<br>营销</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">人力资源<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">信息<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">软件<br>工程</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">汉语言<br>文学专业</p>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="four">
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">电子<br>商务</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">学前<br>教育</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">小学<br>教育</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">教育<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">公共事业<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">机械制造<br>与自动化</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">土木<br>工程</p>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="five">
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">电气自动化<br>技术</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">化学<br>工程</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">国际贸易<br>实务</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">汽车检测与<br>维修技术</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title pd36">心理学</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">生物技术<br>专业</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">建筑工程<br>技术</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="kuang"></div>
                    <div class="text1">
                        <div class="bg bg1">
                            <p class="title">市场<br>管理</p>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <input type="button" value="更多专业咨询" class="major-btn hvr-sweep-to-right" onclick="javascript:location.href='专业页.html'"/>
</div>
<!--专业模块结束-->
<!--学校模块开始-->
<div class="academy">
    <div class="container">
        <p style="font-size: 30px;" class="major-title">名校导航</p>
        <div class="major-stitle"></div>
    </div>
    <div class="academy-con">
        <ul class="academyList clearfix" id="academyList">
            <li class="">
                <a href="">
                    <div class="academy-icon"></div>
                    <h4 class="academy-h4">北京师范大学</h4>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="academy-icon academy-icon2"></div>
                    <h4 class="academy-h4">天津工业大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon3"></div>
                    <h4 class="academy-h4">四川大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon4"></div>
                    <h4 class="academy-h4">武汉大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon5"></div>
                    <h4 class="academy-h4">哈尔滨工程大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon6"></div>
                    <h4 class="academy-h4">太原理工大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon7"></div>
                    <h4 class="academy-h4">中国人民大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon8"></div>
                    <h4 class="academy-h4">复旦大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon9"></div>
                    <h4 class="academy-h4">黑龙江大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon10"></div>
                    <h4 class="academy-h4">兰州大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon11"></div>
                    <h4 class="academy-h4">上海财经大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon12"></div>
                    <h4 class="academy-h4">浙江大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon13"></div>
                    <h4 class="academy-h4">河北科技大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon14"></div>
                    <h4 class="academy-h4">青海大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon15"></div>
                    <h4 class="academy-h4">华中师范大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon16"></div>
                    <h4 class="academy-h4">深圳大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon17"></div>
                    <h4 class="academy-h4">郑州大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon18"></div>
                    <h4 class="academy-h4">西南大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon19"></div>
                    <h4 class="academy-h4">南京大学</h4>
                </a>
            </li>
            <li class="">
                <a href="">
                    <div class="academy-icon academy-icon20"></div>
                    <h4 class="academy-h4">东北财经大学</h4>
                </a>
            </li>
        </ul>
        <ul class="academy-pic" id="academy-pic">
            <li style="display: list-item;"><img src="images/academy-pic1.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic2.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic3.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic4.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic5.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic6.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic7.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic8.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic9.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic10.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic11.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic12.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic13.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic14.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic15.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic16.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic17.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic18.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic19.jpg" width="321" height="241" alt=""></li>
            <li style="display: none;"><img src="images/academy-pic20.jpg" width="321" height="241" alt=""></li>
        </ul>
    </div>
    <input type="button" value="更多学校查询" class="major-btn hvr-sweep-to-right" onclick="javascript:location.href='高校页.html'"/>
</div>
<!--学校模块结束-->
<!--尾部开始-->
<div class="footer">
    <div class="consult clearfix">
        <div class="fl">
            <p>客服咨询</p>
            <p><span><img src ="images/icon_footer_1.png"/></span>400-9987012（9：30-18：30）</p>
            <p><span><img src ="images/icon_footer_2.png"/></span>feedback@58pic.com</p>
            <a href=""><div class="bth">点我咨询</div></a>
        </div>
        <div class="fr">
            <img src="images/img_footer_1.png"/>
        </div>
    </div>

    <div class="botton">
        <p><a href="">关于网站</a><span>|</span><a href="">常见问题</a><a href="">法律声明</a><span>|</span><a href="">特别提示</a><span>|</span><a href="">联系我们</a><span>|</span><a href="">免责声明</a></p>
        <p>我们一直用<img src="images/heart.png" /> 在做</p>
        <p>合肥远航科技有限公司<span>地址：安徽省合肥市合肥工业大学-东教学楼3楼303</span>皖ICP备11006864<span>Copyright&copy;2018</span></p>
    </div>
</div>
<script>
    var lis1 = document.getElementById("academyList").childNodes;
    var lis2 = document.getElementById("academy-pic").childNodes;
    for(var i = 1; i <lis1.length; i+=2){
        lis1[i].index = i;
        lis1[i].onmouseover = function () {
            lis1[this.index].style.background = "rgba(86,147,248,.2)";
            if(this.index!=1){
                lis2[1].style.display = "none";
                lis2[this.index].style.display = "list-item";
            }

        };
        lis1[i].onmouseout = function (){
            lis1[this.index].style.background = "transparent";
            if(this.index!=1){
                lis2[this.index].style.display = "none";
                lis2[1].style.display = "list-item";
            }
        }
    }
</script>
</body>
</html>